:root {
  --jp-nova-icon-train: url('./images/icon.png');
}


.jp-Jobs {
  display: flex;
  flex-direction: column;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);
  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
}

.jp-Jobs-table {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  outline: 0;
}

 .jp-Jobs-header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  border-top: var(--jp-border-width) solid var(--jp-border-color2);
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
}
 
.jp-Jobs-headerItem {
  padding: 4px 12px;
  font-weight: 500;
}

.jp-Jobs-content {
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  background-color: var(--jp-layout-color1);
}
 
.jp-Jobs-item {
  display: flex;
  flex-direction: row;
  padding: 4px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-Jobs-itemText {
  flex: 1 0 64px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

.jp-Jobs-itemStatus {
  flex: 0 0 125px;
  text-align: right;
}
 
.jp-Jobs-headerItem.jp-id-name {
  flex: 1 0 84px;
}
 
.jp-Jobs-headerItem.jp-id-status {
  flex: 0 0 112px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}